<template>
  <div>
    <h1>App</h1>
    <h3>当前的数据是第{{ page }}</h3>
    <Page v-model="page" />
  </div>
</template>

<script>
  import Page from "./components/Page";
  export default {
    name: "App",
    components: {
      Page,
    },
    data() {
      return {
        page: 1,
      };
    },
    watch: {
      page() {
        console.log(`重新请求数据，新页码是${this.page}`);
      },
    },
  };
</script>

<style></style>
